//引入Banner和Content和混合对象Util
var Banner = require('../component/banner.jsx');
var Content = require('../component/content.jsx');
var Util = require('../mixins/util.jsx')
//抽象成一个组件
var Page = React.createClass({
    //混合一样的
    mixins:[Util],
    //初始化数据一样
    getInitialState:function () {
        return{
            data:[]
        }
    },
    //渲染方法一样
    render:function () {
        return(
            <section style={{display:this.props.show}} className="page">
                <Banner title={this.props.title} intro={this.props.intro}></Banner>
                <Content data={this.state.data}></Content>
            </section>
        )
    },
    //发送异步请求一样
    componentDidMount:function () {
        this.ajax(this.props.url,function (res) {
            // console.log(res);
            //将数据储存在状态中
            this.setState({
                data:res
            })
        }.bind(this))
    }


});
module.exports = Page;